.PhoneClass {
    background-color: #fbfbfb;
    width: 100%;
    margin: 0 auto;
    display: block;
    height: 99px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, .08);
    z-index: 1000;
    top: 150px
}


/*清除浮动*/

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

#phonelabel,
#phonelabelplus {
    display: inline-block;
    font-size: 13px
}

#phonelabel {
    width: 100%;
    padding: 10px 0 0 10px
}

#phonelabelplus {
    left: 25px;
    position: relative;
    color: #999;
    width: 0
}

.phonelabellimit {
    display: none;
    left: 25px;
    position: absolute;
    font-size: 13px;
    color: red;
    width: calc(100% - 34px);
    top: 60px;
    font-weight: 300
}

#phoneinfoicon,
#sendbutton {
    position: relative;
    opacity: 0;
    cursor: pointer
}

#messagetosend,
#phonetosend {
    width: calc(100% - 24px);
    background-color: #fff;
    font-size: 13px;
    color: #999;
    display: inline-block;
    font-weight: 300;
    box-sizing: border-box;
    outline: 0;
    resize: none
}

#messagetosend {
    height: 44px;
    border-radius: 5px;
    border: 1px solid #f6f6f6;
    padding: 5px 1% 5px 30px;
    margin: 10px 0 0 12px
}

#messagetosend::-webkit-input-placeholder,
#phonetosend::-webkit-input-placeholder {
    font-family: Roboto, sans-serif;
    width: calc(100% - 24px);
    color: #A4A4A5;
    font-size: 13px
}

#sendbutton {
    display: inline-block;
    top: -15px;
    width: 0;
    padding-left: 6px;
    max-width: 20px; //transition:opacity .5s linear}#phonetosend{height:37px;border-radius:5px;border:1px solid #f6f6f6;margin:7px 0 0 12px;padding:5px 20px 5px 30px}#phonetosend::-webkit-inner-spin-button,#phonetosend::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}#messagetosend:focus,#phonetosend:focus{color:#444;border:1px solid #7DB1EF}#messagetosend::selection,#phonetosend::selection{background:#7DB1EF}#phoneinfoicon{width:9px;height:9px;display:inline-block;right:calc(3% + 6px);font-size:13px;color:#999}#phoneinfoicon:hover,#phonetosend:hover+#phoneinfoicon{opacity:1}#phonebutton{padding-left:10px;width:10px;display:inline-block}#closebutton{top:6px;right:14px;width:10px;display:block;position:absolute;cursor:pointer}#wdcolorpanel{position:absolute;left:20px}.well-chat{padding:0!important;box-shadow:none!important}.wdcircletag{display:block;margin-top:-20px}.wdcircle,.wdoutercircle{margin:0 3px;position:absolute}.wdcircletag span{font-size:14px;font-weight:300;vertical-align:top;color:#929fa6}.wdcircle{cursor:pointer;display:inline-block;width:14px;height:14px;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:8px;z-index:10}.wdoutercircle{display:none;width:22px;height:22px;-webkit-border-radius:11px;-moz-border-radius:11px;border-radius:11px;background-color:#E0E0E0;border:1px solid #CCC;z-index:9;top:-4px;left:-4px}.wdcircle:hover+.wdoutercircle{display:block}.wdrateBlock{height:168px!important;padding-bottom:15px!important;margin-bottom:0}.wdrate{display:none}div.wdrateBlock .wdrate{display:block;width:100%;height:72px;background:#fff;position:relative;top:9px}.wdrateelement{background:inherit;height:72px;display:flex;border-top:1px solid #f2f2f2}.wdratelogocontainer{padding:0 15px 0 13px;display:flex;-webkit-align-items:center}.wdratelogoholder{height:49px;width:49px;background-color:#fff}.wdratelogo{width:100%;height:100%;overflow:hidden}.wdratetextcontainer{padding-right:15px;display:flex;-webkit-flex-direction:column;justify-content:center}.wdratetextmain{line-height:normal;align-items:flex-start;text-align:left;margin-top:-1px}.wdratetextmaintitle{font-weight:400;font-size:16px;line-height:21px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#000;display:flex;flex-grow:1;text-align:left}#wdnotes,#wdnotespanel,.wdcirclefilter,.wdfilter,.wdratestar{display:inline-block}.wdratestarsmain{font-size:13px;line-height:19px;margin-top:2px;min-height:20px;-webkit-align-items:flex-start;align-items:flex-start;color:rgba(0,0,0,.6)}.wdratestars{flex-grow:1;text-align:left;font-weight:400;font-size:14px;line-height:20px}.wdratestar{width:15px;height:15px;background-image:url(chrome-extension://__MSG_@@extension_id__/img/staroff.svg);background-size:15px 15px}.wdratestar.on{background-image:url(chrome-extension://__MSG_@@extension_id__/img/staron.svg)}.wdrateclose{position:absolute;right:10px;top:2px;font-size:10px;color:#888;cursor:pointer}#wdCalendarShare img{width:15px;height:15px;vertical-align:middle}#wdCalendarShare a{color:#000;text-decoration:none;cursor:pointer}.wdpowered{position:absolute;right:5px;top:5px;font-size:8px;color:#ccc;font-weight:300}.wdpowered a{text-decoration:none;color:#ccc}.PhoneClass .wdpowered{top:99px;right:13px;font-size:6px}#wdnotes{width:100%;font-weight:400;height:45px;border-radius:5px;border:1px solid transparent;outline:0;resize:none;padding:2px 2px 2px 5px;margin:5px 5px 5px 0;font-size:14px;background-color:transparent;color:#444;box-sizing:padding-box;overflow:hidden;float:left}#wdnotespanel{width:calc(100% - 113px)!important;padding-left:5px}#wdnotes::-webkit-input-placeholder{font-family:Roboto,sans-serif;width:100%;color:#929fa6;font-size:14px}#wdnotes:focus{color:#444;border:1px solid #7DB1EF}#wdnotes::selection{background:#7DB1EF}.wdfilter{position:relative;float:left;width:100%;height:18px;padding-left:30px;padding-top:0;border-bottom:1px solid #eee}.wdfilter span{font-size:12px;font-weight:300;vertical-align:top;color:#929fa6;padding-right:10px}.wdcirclefilter{cursor:pointer;margin:0 3px;width:10px;height:10px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:6px;position:absolute;z-index:10;font-size:18px;text-align:center;transform:rotate(45deg);font-weight:400;line-height:10px}.wdouterfiltercircle{display:none;margin:0 3px;width:16px;height:16px;-webkit-border-radius:11px;-moz-border-radius:11px;border-radius:11px;background-color:#E0E0E0;border:1px solid #CCC;position:absolute;z-index:9;top:-3px;left:-3px}.wdcirclefilter:hover+.wdouterfiltercircle{display:block}.wdcirclefilter.on+.wdouterfiltercircle{display:block!important;background-color:transparent;border-color:1px solid #AAA;width:14px;height:14px;left:-2px;top:-2px}.chatfilterspan{-webkit-flex-grow:1;flex-grow:1;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap}.list-search:after{border-bottom:0!important}.well-chat{width:100px;display:inline-block!important;float:left;padding-right:5px;margin-bottom:0}.well-chat .avatar,//Panel contact avatar img .well-chat img{width:100px!important;height:100px!important;float:left}.well-chat+div,.well-chat+div+div,.well-chat+span{padding-left:5px;width:calc(100% - 113px)!important;float:left}.well-chat+span{margin-top:10px}.well-chat+div,.well-chat+div+div{margin-top:5px}.well-chat div[dir=ltr]{width:100px!important;height:100px!important;margin-top:5px}.wdshare{cursor:pointer;width:20px;height:20px;padding-right:20px}#messagetosend:hover+.wdtemplateopenicon{opacity:.5}.pluggable-input-compose:hover+.wdtemplateopeniconinput{opacity:1}.wdtemplateopenicon,.wdtemplateopeniconinput{opacity:0;position:absolute;font-size:13px;color:#000;width:15px;height:15px;text-align:center;padding-top:1px;font-family:"Times New Roman",Arial;background-color:#dfdfdf;display:block;cursor:pointer}.wdtemplateopenicon{right:20px;top:65px;border:1px solid transparent;border-radius:10px}.wdtemplateopenicon:hover{border:1px solid transparent;opacity:1}.wdtemplateopenicon.typing{right:55px}.pluggable-input-compose.focused>.wdtemplateopeniconinput{opacity:.5}.wdtemplateopeniconinput{right:0;top:0;line-height:13px;border:1px solid transparent;border-radius:10px;z-index:1000}.wdtemplateopeniconinput:hover{border:1px solid transparent;opacity:1!important;cursor:pointer}#wdtemplatespanel{background-color:#fbfbfb;height:calc(100%-99px);overflow:scroll}.wdtemplatestitle{font-size:12px;padding:10px 0 3px 30px;display:block;font-weight:300;color:#929fa6}.wdtemplateclose,.wdtemplatetextarea{position:relative;display:inline-block}.wdtemplatetextarea{box-sizing:border-box;width:calc(100% - 24px);height:44px;min-height:44px;border-radius:5px;border:1px solid #f6f6f6;outline:0;resize:none;margin:7px 0 0 12px;font-size:13px;background-color:#fff;padding:5px 20px 5px 30px;color:#444;font-weight:300;user-select:text}.wdtemplatetextarea:focus{color:#444;border:1px solid #7DB1EF}.wdtemplatetextarea::-webkit-input-placeholder{font-family:Roboto,sans-serif;width:calc(100% - 24px);color:#A4A4A5;font-size:13px}.wdtemplatetextarea::selection{background:#7DB1EF!important}.wdtemplateclose{float:right;right:10px;top:-19px;font-size:10px;color:#888;cursor:pointer}@media (max-width:800px){.pane.pane-two{width:calc(100% - 75px)!important;position:absolute!important;left:75px;overflow:visible!important}
    .pane.pane-two .pane-header {
        width: calc(100% + 75px)!important;
        left: -75px
    }
    .pane-one .pane-header.pane-list-header {
        width: 300px
    }
    .pane-three {
        left: 75px!important;
        width: calc(100% - 75px)!important;
        position: absolute
    }
    .app.three,
    .app.two {
        min-width: 100px
    }
    .PhoneClass,
    .wdfilter,
    div.list-search {
        display: none
    }
}

#form {
    font-size: 14px;
}

li {
    text-decoration: none
}

.d-sear {
    display: block;
    width: 100%;
    margin-top: 10px;
}

.nav ul li {
    display: inline-block
}

.red {
    font-size: 14px;
    margin-bottom: 4px;
    color: red
}

#tab {
    list-style: none;
    font-size: 14px;
    display: flex;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid rgba(7, 17, 27, 0.1);
}

#tab>li {
    position: relative;
    color: #4d555d;
    cursor: pointer;
    flex: 1;
    text-align: center;
    overflow: hidden;
}

#myList ul li {
    font-size: 14px;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    color: rgb(68, 68, 68);
    font-size: 13.5px;
}

#myList ul li:hover {
    color: red;
}

#tab li span {
    position: absolute;
    right: -5px;
    top: 4px;
    background: #d9dde1;
    width: 2px;
    height: 12px;
    overflow: hidden;
    margin-left: 3px;
    margin-right: 3px;
}

.main {
    display: none;
    top: 0px;
    background: #fff;
    padding: 2px;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    font-size: 12px;
}

.main.selected {
    display: block;
}

#boxW {
    position: fixed;
    left: 100px;
    top: 100px;
    padding: 5px;
    background: #f0f3f9;
    font-size: 12px;
    -moz-box-shadow: 2px 2px 4px #666666;
    -webkit-box-shadow: 2px 2px 4px #666666;
    z-index: 10000;
}

#mainWin {
    border: 1px solid #a0b3d6;
    background: white;
}

#bar {
    line-height: 24px;
    background: #beceeb;
    border-bottom: 1px solid #a0b3d6;
    padding-left: 5px;
    cursor: move;
}

#content {
    width: 420px;
    height: 250px;
    padding: 10px 5px;
}

.tab_active {
    color: #f01414!important;
    /*
    border-bottom: 2px solid red;
    */
}

.tab_color {
    color: #000;
}

#drop{
    background: rgb(248, 248, 248);
}

.border_active{
    border-radius:5px;
    border:1px solid #ccc;
}


/*搜索框内容*/

.search-content {
    position: absolute;
    z-index: 10000;
    width: 100%;
    height: auto;
    max-height: 300px;
    left: 0px;
    bottom: 62px;
    background-color: #f5f1ee;
    border-left: 1px solid rgba(0, 0, 0, 0.08);
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: auto;
}

.search-content ul li {
    font-size: 14px;
    color: #454545;
    padding-left: 10px;
    margin-top: 3px;
    box-sizing: border-box;
    display: flex
}

.search-content ul li:hover {
    color: red;
}

#ul>li {
    cursor: pointer;
    float: left;
    padding-left: 4px;
}

#container>li {
    cursor: pointer;
    float: left;
    padding-left: 4px;
}

.order_inquiry {
    padding-right: 10px;
    cursor: pointer;
}

.tag_inquiry {
    padding-right: 14px;
    cursor: pointer;
}


/* 去掉input和button点击后的边框线 */

input.send_order:focus {
       /* outline: none; */
}

input.phone_num:focus {
    border-radius: 4px;
    outline: none;
}

#custom_lab:focus {
     outline: none; 
}
#btn_add:focus {
    outline: none;
}

#order_tab {
    padding-left: 10px;
    border-bottom: 1px solid #ccc;
}

#order_tab>li {
    display: inline-block;
    margin: 10px 10px;
    cursor: pointer;
}

.order_active {
    color: red;
}

.order_main {
    display: none;
}

.order_seleted {
    display: block;
}

.order_msg {
    margin-bottom: 8px;
}

.order_msg>li {
    display: inline-block;
    margin-right: 12px;
    margin-top: 3px;
    color: #bc3c91;
}

.order_msg>li>a {
    cursor: pointer;
    color: #6d3cbc;
    border-bottom: 1px solid red;
}

.order_msg>li>a:hover {
    color: #bc3c91;
    background: #ccc;
}

.order_msg>li>span {
    color: #000;
    margin-right: 4px;
}

.order_pic>li {
    /* display: inline-block; */
    margin-right: 12px;
    margin-top: 3px;
    color: #bc3c91;
}

.order_pic>li>a {
    cursor: pointer;
    color: #6d3cbc;
    border-bottom: 1px solid red;
}

.order_pic>li>a:hover {
    color: #bc3c91;
    background: #ccc;
}

.order_pic>li>span {
    color: #000;
    margin-right: 4px;
}


/* 创建订单 */


form{
  width: 900px;
}
.tab-content{
  margin-top: 20px;
}

.form-group{
  display: inline-block;
  height: 30px;
}

.text-danger{
  margin-left: 12px;
}

.form_row{
  display: inline-block;
  height: 30px;
  margin: 4px 6px;
}

.form-country{
  width:160px;
  height: 22px;
  margin: 6px 8px;
}

.form-remark{
  width: 600px;
  height: 60px;
  margin-top: 14px;
  margin-left: 86px;
}

.form_list{
    margin-left: 66px;
}

.form_list>input{
  margin-top: 2px;
  margin-right: 4px;
}

select.form-control{
  /* height: 22px; */
}

.input-group{
  margin-left: 6px;
}

select.supplier_dropdown{
  width: 80px;
}


.product{
  margin: 10px 8px;
  border-top: 1px solid #ccc;
}
.product_send{
  margin: 2px 0px;
}

.product_rank{
  font-size: 14px;
  font-weight: 600;
}

.creat_order_btn{
  margin-top: 20px;
}

.form-group-slt{
    margin-left: 6px;
}

.form_selects{
    width:156px;
    height: 30px;
    border:1px solid #aaa;
    margin-left: 19px;
}

.form-text{
    height: 22px;
    margin-left: 10px;
    margin-bottom: 10px;
}

input::-webkit-input-placeholder {
        font-size: 12px;
    }

.form_list>input{
    margin-left: 20px;
}

#chooses_form{
    margin-left: 75px;
    margin-top: 10px;
}

#chooses_way{
    margin-left: 66px;
}


.add_products_refer>span:nth-child(1){
   font-size: 26px;
   margin-left: 20px;
}

.add_products_refer>span:nth-child(2){
   font-size: 13px;
   margin-left: 2px;
}

.removeProductMsg{
    width: 26px;
    height: 26px;
    font-size: 24px;
    margin-left: 620px;
}